<template>
    <div class="index clearafter">
    <div class="cbafter"><button class="default ok fr" @click="returnorglist">返回机构列表</button></div>
    <ul class="deptcontain">
        <li v-for="item in deptlists" @click="getdoclist(item)"> {{item.deptName}}</li>
    </ul>
    
    </div>
</template>
<script>
import Public from 'assets/public.js'
import {actions}from '../vuex/store';
module.exports = {
        vuex: {
            actions: actions,
            getters: {
                deptlists: (data) => data.deptlists,
            }
        },
        components: {
            
        },
        ready() {
            var that = this;
        

        },
        methods: {
          returnorglist(){
                 this.changeView("请选择医院");
            },
            getdoclist(item){
                this.changeView("请选择医生");
                this.getDoclist(item)//STORE里面的方法
            }

        },
        events: {
            
        },
}
</script>
<style scoped>
.deptcontain {padding: 20px }
.deptcontain li{display: inline-block;background: #f1f1f1;line-height: 50px;height: 50px; width:120px;text-align: center;border-radius: 5px;margin-left: 10px}
.deptcontain li:hover{
    background: #1dc499;color: #fff
}
</style>
